<template>
        <div class="newscontent">
            <ul>
                <li>编号：{{ query.id }}</li>
                <li>标题：{{ query.title }}</li>
                <li>内容：{{ query.content }}</li>
            </ul>
        </div>
</template>
    
<script setup lang='ts'>
import { toRefs } from 'vue';
import { useRoute } from 'vue-router';
let route = useRoute()
//    console.log(route.query);
//    let {query} = route //失去响应式
   let {query} = toRefs(route)
</script>
    
<style>
    
</style>